.reading-card {
  padding: 15px;
  color: #9b9b9b;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  .cover {
    margin-right: 15px;
    width: 100px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100px;
    -moz-box-flex: 0;
    -ms-flex: 0 0 100px;
    flex: 0 0 100px;
    .img-show {
      opacity: 1;
    }
    img {
      width: 100%;
      -webkit-transition: opacity 0.3s ease-out;
      -o-transition: opacity 0.3s ease-out;
      -moz-transition: opacity 0.3s ease-out;
      transition: opacity 0.3s ease-out;
    }
  }
  .info {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    h3 {
      margin-top: 5px;
      font-size: 16px;
      color: #494949;
      margin-bottom: 15px;
    }
    p{
      line-height: 20px;
    }
    .meta {
      font-size: 12px;
      span{
        float: right;
      }
    }
    .desc {
      white-space: nowrap;
      overflow: hidden;
      -o-text-overflow: ellipsis;
         text-overflow: ellipsis;
    }
  }
}
